$(document).ready(function () {
  var table = $('table#table').DataTable({
      initComplete: function(settings, json) {
          $("#table").removeClass('dataTable');
          $("#table").parent().addClass('table-responsive');

          $("#table").parent()
              .css('max-height', $(window).height() - $('#query-area').height() - 260)
              .css('height', 'auto')
              .css('overflow-y', 'visible');

          $("#table").on('change', 'input[type="checkbox"]', function () {
              if($(this).prop('checked')) {
                  $(this).closest('tr').addClass('warning');
              } else {
                  $(this).closest('tr').removeClass('warning');
              }
          });

          // 动态添加搜索条件行间距样式
        $('<style>').text(`#query-area .form-group {margin-bottom: 15px;}`).appendTo('head');

        // 动态添加表头居中样式
        $('<style>').text('#table thead th { text-align: center !important; }').appendTo('head');

        // 添加行点击事件处理
          $("#table tbody").on('click', 'tr', function(e) {
              // 避免点击复选框本身时触发两次
              if (!$(e.target).is('input[type="checkbox"]')) {
                  // 找到当前行的复选框
                  var checkbox = $(this).find('input[type="checkbox"]').first();
                  // 切换复选框状态
                  checkbox.prop('checked', !checkbox.prop('checked'));
                  // 触发change事件以更新行样式
                  checkbox.trigger('change');
              }
          });
      },
    ajax: {
      url: baseUrl + '/datatable',
      data : function(d) {
          var material = $('.search-form').find('input[name="material"]').val();
          var supply = $('.search-form').find('input[name="supplier"]').val();
  		  var wbsnum = $('.search-form').find('input[name="wbsnum"]').val();

          d.material = material;
          d.supplier = supply;
          d.wbsnum   = wbsnum;
		return d;
      }
    },
    order: [
      [12, 'desc']
    ],
    columns: [{
      data: 'id',
      sortable: false,
      defaultContent: '',
      'class': 'text-center',
      render: function (data, type, row, meta) {
          return '<input type="checkbox" name="ids" value="' + data + '" style="transform: scale(1.5);"/>'
      }

     },{
      'class': 'text-center',
      name: 'materialCode',
      data: 'materialCode'
    },{
      name: 'materialName',
      data: 'materialName'
    },{
      'class': 'text-center',
      name: 'wbsNum',
      data: 'wbsNum'
    },{
      'class': 'text-center',
      name: 'storageQty',
      data: 'storageQty'
    },{
      'class': 'text-center',
      name: 'palQty',
      data: 'palQty'
    },{
      'class': 'text-center',
      name: 'uomCode',
      data: 'uomCode'
    },{
      'class': 'text-center',
      name: 'lotattr06',
      data: 'lotattr06'
    },{
      'class': 'text-center',
      name: 'customerCode',
      data: 'customerCode'
    },{
      'class': 'text-center',
      name: 'storageLocCode',
      data: 'storageLocCode'
    },{
      'class': 'text-center',
      name: 'xwmsLocCode',
      data: 'xwmsLocCode'
    },{
      'class': 'text-center',
      name: 'xwmsLotNumber',
      data: 'xwmsLotNumber'
    },{
      'class': 'text-center',
      name: 'createdDate',
      data: 'createdDate'
    },{
        'class': 'text-center',
        name: 'xwmsReceiveTime',
        data: 'xwmsReceiveTime',
        render: function (data, type, row, meta) {
            if(data !== null){
                return data.substring(0, 10);
            }
            return "";
        }
    },/*{
      data: "id",
      defaultContent: '',
      sortable: false,
      'class': 'text-center',
      render: function (data, type, row, meta) {
        return ('<div class="btn-group">' +
          '<a class="btn btn-default btn-xs del" title="删除" href="#"><i class="fa fa-trash-o"></i></a>' +
          '</div>' +
          '&nbsp;&nbsp;');
      }
    }*/]
  });

  table.on('click', '.del', function () {
    var id = table.row($(this).parents('tr')).data().id;
    $("#delForm #ids").val(id);
    if (id) {
      bootbox.confirm("确定要删除数据吗?", function (result) {
        if (result) {
          $("#delForm").submit();
        }
      });
    }
  });

  $(".btn.delAll").on("click", function (e) {
    var ids = [];
    $('#table>tbody input:checked').each(function (i, item) {
      ids.push($(item).val());
    });
    $("#delForm #ids").val(ids.join(","));
    if (ids.length > 0) {
      bootbox.confirm("确定要删除选中的数据吗?", function (result) {
        if (result) {
          $("#delForm").submit();
        }
      });
    } else {
      bootbox.alert("请选择要删除的数据.");
    }
  });

$(".btn.loadAll").on("click", function (e) {
    var ids = [];
    $('#table>tbody input:checked').each(function (i, item) {
        ids.push($(item).val());
    });
    $("#loadForm #ids").val(ids.join(","));
    bootbox.confirm("确定要重新从WMS获取待入库数据吗?", function (result) {
        if (result) {
            $("#loadForm").submit();
        }
    });
});

  table.on('click', '.enable', function () {
    var that = this;
    var data = table.row($(this).parents('tr')).data();
    var id = data.id;
    var enabled = data.enabled;
    bootbox.confirm("确定要更新选中的数据吗?", function(resul) {
	if (resul) {
	    $.get(baseUrl + "/enable", {
	      enabled: !enabled,
	      ids: id
	    }, function (res) {
	      if (res) {
	        data.enabled = !enabled;
	        $(that).find("i").removeClass("fa-" + (enabled ? "check-" : "") + "square-o").addClass("fa-" + (!enabled ? "check-" : "") + "square-o");
	        toastr.info('操作成功!');
	      }

	    });
	}});
  });


  //导出 动态组织form提交
  $(".btn.export").on("click", function (e) {
	$("#exportForm .param").remove();
	var $frm = $("#exportForm");
　　　var array = $('.search-form').serializeArray();
　　　for (i = 0, length = array.length; i < length; i++) {
	　　　key = array[i].name;
		value = array[i].value;
		$frm.append($('<input class="param" type="hidden" name = "' + key + '" value = "' + value + '" />'));
	}
	var params = table.ajax.params();
	$frm.append($('<input class="param" type="hidden" name="input" value = \'' + JSON.stringify(params) + '\' />'));
	$frm.submit();
	// 阻止默认行为
	e.preventDefault();
	return false;
  });


  $('.search-form').on("submit", function (e) {
    table.draw();
    //阻止表单submit
    return false;
  });

});
